<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="Description" content="苏宁争鸣，发表观点，自有你的态度">
<title>苏宁争鸣-自有你的态度</title>
<link rel="stylesheet" type="text/css" href="css/cropper.css" />
<link rel="stylesheet" type="text/css" href="css/cropperdemo.css" />
<link rel="stylesheet" type="text/css" href="css/contend.css" />
<script type="text/javascript">
	var _ssa = _ssa || {};
	(function() {
		_ssa.websiteId = '4be9f288c01046e1bcb0173eaab34e45';
		_ssa.base_url = 'http://wsa.cloudytrace.cn';
		_ssa.api = 'ctwsa-sa.gif';
		var _ssa_protocol = 'https:' == document.location.protocol ? 'https'
				: 'http';
		var _ssa_script = _ssa_protocol + '://'
				+ 'script.cloudytrace.cn/wsa/common' + '/' + 'ctwsa-sa.js';
		var _scripts = document.getElementsByTagName('script');
		for (var i = 0; i < _scripts.length; i++) {
			if (_scripts[i].src == _ssa_script) {
				return;
			}
		}
		var _script = document.createElement('script');
		_script.type = 'text/javascript';
		_script.async = true;
		_script.src = _ssa_script;
		var _s = _scripts[0];
		_s.parentNode.insertBefore(_script, _s);
	})();
</script>
</head>
<body id="home" v-cloak onload="onLoad()">
	<snsawp shareTitle="苏宁最强音！表态度，立观点，就在苏宁争鸣"
		shareDescription="来争鸣-大胆吐槽一切，选择自己的观点，自有你的态度，没有歌声，只有最强音"
		shareImage="http://dj.suning.com/sawp/contend/img/sharelogo.jpg"
		shareUrl="http://dj.suning.com/sawp/contend/all_contend.html"></snsawp>
	<!--头部-->
	<section class="header-box">
		<!-- <a v-if="criticType==1" class="tab sel" href="javascript:;" @click="replaceImg()">
        	    <div class="img-cnt">
        	       <img class="user-icon" :src="user.nickimg" alt="" />
        	       <span  class="sprites i-replace"></span>
        	    </div>
        	    {{user.nickname}}
        	</a> -->
		<a class="tab sel" href="javascript:;"> <img class="user-icon"
			:src="user.nickimg" alt="" /> {{user.nickname}}
		</a>
		<!--<a class="tab" href="javascript:;" @click="newtopic()">新话题</a>-->
		<a class="tab mid" href="javascript:;" @click="alltopic()">往期争鸣</a> <a
			class="tab" href="javascript:;" @click="about()">关于</a>
	</section>
	<!--苏宁争鸣-->
	<section class="p-wapper">
		<img class="logo" src="img/logo.png" alt="" />
		<div class="topic">
			<div class="title">
				<!--<span class="t-icon hot"></span>-->
				<div class="sprites i-hot"></div>
				<span>热门话题</span>
			</div>
			<div class="cont">
				<img :src="topic.topicImg" alt="" />
				<p>{{topic.topicName}}</p>
			</div>
			<div class="viewpoint">
				<div class="cnt">
					<img v-if="vPoint==1" src="img/zhenged.png" alt=""
						@click="topicVote(1)" /> <img v-else src="img/zheng.png" alt=""
						@click="topicVote(1)" />
					<div class="point-val">
						<span class="zheng" style="width: {{zheng}}"></span> <span
							class="zheng-val">{{zheng}}</span> <span class="fan-val">{{fan}}</span>
					</div>
					<img v-if="vPoint==2" src="img/faned.png" alt=""
						@click="topicVote(2)" /> <img v-else src="img/fan.png" alt=""
						@click="topicVote(2)" />
				</div>
				<div class="cnt">
					<p class="num">
						{{topic.supViewTip}}<span>（{{topic.supNum}}）</span>
					</p>
					<p class="num fan">
						<span>（{{topic.rejNum}}）</span>{{topic.rejViewTip}}
					</p>
				</div>
			</div>
		</div>
		<div>
			<div class="my-list best-comm">
				<div class="item">
					<p class="title">
						<span class="sprites i-best"></span> <span>最强音</span>
					</p>
					<div class="cnt" v-for="bestcomm in bestCommList">
						<img class="icon"
							:src="bestcomm.criticType==3?bestcomm.nmHeadPic:bestcomm.headPic"
							alt="" />
						<div class="info">
							<p class="i-head">
								<span>{{bestcomm.criticType==3?bestcomm.nmName:bestcomm.personName}}</span>
								<span v-if="bestcomm.position" class="position-txt">{{bestcomm.position}}</span>
								<span class="point-tag" :class="{'fan':(bestcomm.viewPoint==2)}">{{bestcomm.viewPoint==2?"反方":"正方"}}</span>
								<span v-if="bestcomm.criticType==1" class="type-tag">OA</span> <span
									v-if="bestcomm.criticType==2" class="type-tag">微信</span>
								<!--<span class="del">删除</span>-->
							</p>
							<p class="i-cnt">{{bestcomm.commContent}}</p>
							<div class="i-point">
								<a class="zan" href="javascript:;"
									@click="commVote(true,bestcomm.commId,$index,true)"> <img
									src="img/1.gif" class="plus" /> <img src="img/zan.png"
									class="zan-img" />赞 {{bestcomm.zanNum}}
								</a> <a class="cai" href="javascript:;"
									@click="commVote(false,bestcomm.commId,$index,true)"> <img
									src="img/1.gif" class="plus" /> <img src="img/cai.png"
									class="cai-img" />踩 {{bestcomm.caiNum}}
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="my-list normal-comm">
				<div class="item">
					<p class="title">
						<span class="sprites i-comm"></span> <span>已有{{commTotal}}条评论</span>
					</p>
					<div class="cnt" v-for="comm in commList">
						<img class="icon"
							:src="comm.criticType==3?comm.nmHeadPic:comm.headPic" alt="" />
						<div class="info">
							<p class="i-head">
								<span>{{comm.criticType==3?comm.nmName:comm.personName}}</span>
								<!--<span>产品总监</span>-->
								<span class="point-tag" :class="{'fan':comm.viewPoint==2}">{{comm.viewPoint==2?"反方":"正方"}}</span>
								<span v-if="comm.criticType==1" class="type-tag">OA</span> <span
									v-if="comm.criticType==2" class="type-tag">微信</span> <a
									href="javascript:;" v-if="comm.isDel==1" class="del"
									@click="delComm(comm.commId,$index)">删除</a>
							</p>
							<p class="i-cnt">{{comm.commContent}}</p>
							<div class="i-point">
								<a class="zan" href="javascript:;"
									@click="commVote(true,comm.commId,$index,false)"> <img
									src="img/1.gif" class="plus" /> <img src="img/zan.png" />赞
									{{comm.zanNum}}
								</a> <a class="cai" href="javascript:;"
									@click="commVote(false,comm.commId,$index,false)"> <img
									src="img/1.gif" class="plus" /> <img src="img/cai.png" />踩
									{{comm.caiNum}}
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<a class="white" href="javascript:;" @click="whitecomm()"> <img
			src="img/white.png" alt="" />
		</a>
		<div class="state">
			<template v-if="showLoading==false"> <template
				v-if="pageSize != 0"> <a v-if="pageSize<commTotal"
				href="javascript:;" @click="addList(pageNo)">点击加载更多</a>
			<p v-else>没有更多了</p>
			</template> </template>
			<template v-else>
			<p v-show="showLoading">
				<span class="loading"></span><span>加载中...</span>
			</p>
			</template>
		</div>
	</section>
	<section class="pop" v-show="showPop">
		<div class="pop-cnt del" v-show="delPop">
			<p class="tit">确定要删除该评论吗?</p>
			<p class="btn">
				<a class="cancel" href="javascript:;" @click="cancel">取消</a> <a
					class="ok" href="javascript:;" @click="ok">确定</a>
			</p>
		</div>
		<div class="pop-cnt tips" v-show="tipPop">
			<a href="javascript:;" class="sprites i-close" @click="closePop"></a>
			<p class="tit">请先确认您的观点!</p>
			<p class="btn">
				<a href="javascript:;" @click="topicVote(1)"> <img
					src="img/zheng.png" alt="" /> <span class="point">{{topic.supViewTip}}</span>
				</a> <a href="javascript:;" @click="topicVote(2)"> <img
					src="img/fan.png" alt="" /> <span class="point">{{topic.rejViewTip}}</span>
				</a>
			</p>
		</div>
		<div class="pop-cnt about" v-show="aboutPop">
			<a href="javascript:;" class="sprites i-close" @click="closePop"></a>
			<p class="t-tips">欢迎关注争鸣微信公众号</p>
			<img src="img/publicNO.jpg" alt="" />
			<p class="f-tips">在微信中添加公众号，搜索争鸣试验田</p>
		</div>
	</section>
	<!-- 弹框 更换图片 -->
	<section class="pop-upload" v-show="uploadPop">
		<div class="pop-cnt">
			<!--<p class="sprites i-close"></p>-->
			<div class="sel-type">
				<div class="upload-img">
					<p class="as-btn">本地选择</p>
					<input type="file" class="file-img" id="cropper-input"
						name="cropper-input" accept="image/jpeg,image/x-png" />
				</div>
				<!--<a>拍摄</a>-->
			</div>
			<!--<div class="shot-img">拍摄</div>-->
			<div class="preview-container">
				<input type="hidden" name="x" id="preview-x" /> <input
					type="hidden" name="y" id="preview-y" /> <input type="hidden"
					name="width" id="preview-width" /> <input type="hidden"
					name="height" id="preview-height" />
				<div class="image-container target" id="cropper-target">
					<img src="" class="noavatar" />
				</div>
			</div>
			<p class="foot-btn">
				<a href="javascript:;" @click="cancle">取消</a> <a class="upload-btn"
					href="javascript:;" @click="uploadImg">上传</a>
			</p>
		</div>
	</section>

	<section class="pop-tip" v-show="pointPop">
		<p>{{pointTip}}</p>
	</section>
	<script>
		var ua = window.navigator.userAgent.toLowerCase();
		if (ua.match(/MicroMessenger/i) == 'micromessenger') {
			var script = document.createElement("script");
			script.src = "http://res.wx.qq.com/open/js/jweixin-1.0.0.js";
			document.body.appendChild(script);
		}
	</script>
	<script src="js/vue.min.js"></script>
	<script src="js/vue-resource.min.js"></script>
	<script src="js/zepto.min.js"></script>
	<script src="js/common.js"></script>
	<script src="js/cropper.js"></script>
	<script src="js/my_contend.js"></script>
	<script>
		function onLoad() {
			try {
				dialing.setShareVisibility('1')
			} catch (e) {
				//TODO handle the exception
			}
		}
	</script>

</body>
</html>
